/* CSS Document */
.phone{ display:none}
@media screen and (max-width :816px){
#cms1,#cms2,#cms {min-height:0px;}
.phone{ display:block}
.pc{ display:none}
#footnav{ display:block}
blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

*,body,.box1,.box{ min-height:0px; min-width:0px;}
#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
.app_rt a{ color:#FFFFFF}
#cms .list:nth-child(2n+1){ clear:both}
.app_top{ display:block}
.nav{ display:none;}
.header{ display:none}
.app_header{ display:block}
.app_top{ height:52px; float:left; width:100%;}
.app_top2,.app_top3{ display:none}
#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;display:block; top:0px; left:0px; height:50px; background-color: #009a6a; background-color:rgba(0,154,106,0.95);
}

.box,.box1,.box2{ max-width:100%;}
#right{ width:98%; float:none; margin:auto; margin-top:20px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
 min-height:100px; float:left; margin-left:1%;}
.app_header .app_logo{ width:220px;  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
	.app_header .morenav{ float:right; display:block; width:40px; height:40px; margin-top:5px; margin-right:10px; background-color:rgba(0,0,0,0.3); text-align:center; line-height:40px; font-weight:bold}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}


#banner{ height:100px; max-width:100%; }
#postion{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#postion b{ display:none}
#postion>div{ float:left; padding-left:20px;}

#cms .list,.pro .list{
	width:48%;
	margin-right: 1%;
	margin-left: 1%;
}
#cms .list .img,.pro .list .img{ width:100%; height:auto;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}
#cms .list .img img,.pro .list .img img{ height:auto}
#cms .list:nth-child(3n+1){ clear:none}
#cms .list:nth-child(2n+1){ clear:both}

#cms .list .img{  min-height:0px;
}
#cms .list .img img{ min-height:0px;}
#cms .list.appli .img{ min-height:0px;}

#cms .list.appli .img img{ min-height:0px;}

#cms .li .ntitle{ width:100%;}
#cms .li .time{ display:none}

#cms .picli .right .ntitle,#cms .picli .right .time{ width:100%; text-align:left; padding:0px; margin:auto; line-height:1.2;}
#cms .picli .right .title{ padding-bottom:5px;}

/*底部*/
.footer2 .qrcode{ display:none}
.footer2 { padding-top:0px; padding-bottom:20px;}
.footer2 .flx,.footer2 .news{ border:none; width:100%; padding:0px; margin:auto; padding-top:30px;}
.footer2 .box{ width:90%;}
.footer{ padding-bottom:30px;}
/*内页*/



#cms .picli{width:100%;height:auto;}
#cms .picli .img {height:80px;margin-left:5px;}

#cms .picli .img img{ width:120px; height:80px; }
#cms .picli .img+.right { margin-left:140px; margin-right:10px; }
.pronav{
	box-shadow: 0px 0px 0px rgba(0,0,0,0);/*border:none; */
}


.bannerin .h1{
	font-size: 24px;

}
.bannerin .h1 span{font-size: 18px;
}
.bannerin .h1 i{
	
	font-size: 18px;

}

#cms1{ width:90%; margin-left:5%; margin-right:5%;}
#cms1 *{ max-width:100%;}


.bannerin .h1{

	margin-top: -18px; 
}
#left{ display:none}

/*首页*/

.hot .fr{ display:none}
.hot .fl .hc{ float:none; margin-left:100px; }
.hot .box{ max-width:90%; overflow:hidden;}
.about .aboutpic{ float:none; margin:auto; margin-top:20px;}
.about .aboutfr{ margin:auto; width:95%; margin-left:2.5%;}
.about .aboutfr .right{ float:left; width:100%;}
.about .aboutfr img{ width:100%; display:none}
.about .aboutfr .more{ width:100%; display:none}
.kuai{-webkit-box-orient:block;display:block; clear:both; padding-top:10px;}
.kuai .item{
box-sizing:border-box;	width:50%;
	margin:auto;
	border: 1px solid #fff;
}
.pro .econtent .picli{ width:48%; float:left; margin-left:1%; margin-right:1%;}

.pro .econtent .picli .img{ min-height:0px;}
.pro .econtent .picli .img img{ min-height:0px;}
.pro .econtent .picli:nth-child(2n+1){ clear:both}

.news .nleft .li .date{ display:none}

.news .nleft .li:after,.news .nleft .picli:after{ display:none
}
.news .econtent{ border:none; padding:0px; padding:10px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.news .nleft .picli .img{ width:120px; height:80px; }

.news .nleft .picli .right{   margin-left:130px;}

.news .nleft .picli .right .dp{ height:3em; overflow:hidden; margin-top:0px;}
.news .nleft .picli{

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.news .nleft .picli .right .ntitle a{ color:#CC0000}
.news .nleft .li{
	line-height:2;
	padding-left:15px;
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}
.news .nleft .li:after{content:'';
	background-color: #999999;
	height: 5px;
	width: 5px;
	margin-top: -1.5px;
	position: absolute;
	left: 0px;
	top: 50%; float:left; display:block;
}
.news .econtent .nleft{ padding-bottom:20px;}
.news .econtent .nright{ margin-top:20px; margin:auto; float:none; clear:both; max-width:100%;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.lianxi .box{ max-width:90%; line-height:1.2;}
.lianxi .h2{ padding-top:20px;}
.lianxi .right{ clear:both; width:100%;}
.footer2 .fnav{ width:100%; padding-top:20px;}
.footer2 .ftop{width:100%;}
.footer2 .fleft{width:100%;}
.footer2 .ftop *{ max-width:100%;}

.phone{ display:block}
.pc{ display:none}
.footer2 .fright{ padding-top:10px;}
.footer2,#foott1{ padding-bottom:50px;}

.about,.pro,.news,.link{ margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px;}
.lianxi{ margin-top:10px;}
}
@media screen and (max-width :350px){.about .h1 span{ padding:0px; background-image:none; padding-left:10px;}
.pronav a{ width:48%;}
.pronav a:nth-child(2n+1){ clear:both}
}